@charset "UTF-8";


* {
 margin: 0;
 padding: 0;
}

body {
 padding: 50px;
 border-top: solid 1px #fff;
 
 font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;
}

#menu > ul {
    font-weight: bold;
}

#menu > ul li {
    padding: 7px 10px;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #fff #d9d9d9 #d9d9d9;
    background-color: #f6f6f6;
    color: #000;
}

#menu > ul li.hover,
#menu > ul li:hover {
    background-color: #eee;
    color: #000;
}

#menu > ul a:link,
#menu > ul a:visited	{ color: #000; text-decoration: none; }
#menu > ul a:hover		{ color: #000; }
#menu > ul a:active	{ color: #ffa500; }


/* -- level mark -- */

#menu > ul ul {
    width: 150px;
    margin-top: 1px;
}

#menu > ul ul li {
    font-weight: normal;
}


#menu > ul *.dir {
    padding-right: 20px;
    background-image: url(img/arrow-down.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}


/* -- Components override -- */

#menu > ul.horizontal ul *.dir {
    padding-right: 15px;
    background-image: url(img/arrow-right.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

#menu > ul.upward *.dir {
    background-image: url(images/nav-arrow-top.png);
}

#menu > ul.vertical *.dir,
#menu > ul.upward ul *.dir {
    background-image: url(images/nav-arrow-right.png);
}

#menu > ul.vertical-rtl *.dir {
    padding-right: 10px;
    padding-left: 15px;
    background-image: url(images/nav-arrow-left.png);
    background-position: 0 50%;
}